<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title >css知多少选择器,选择器优先级</title>
		<style>
			ul>li+li{
				border-top: 1px solid red;
			}
			/**
			 * 1.特指度：ICE id-100 class-10 element-1
			 * 2.后加载的css 覆盖前加载的 
			**/
			#test li{
				/*特指度100+1*/
				color: green;
			}
			 .test1 ul li{
			 	/*特指度10+1+1*/
			 	color: gray ;
			 }
			 li{
			 	/*important高于一切*/
			 	color:antiquewhite !important;
			 }
			
		</style>
	</head>
	<body>
		<div class="test1" id="test">
			<ul>
				<li>菜单1</li>
				<li>菜单2</li>
				<li>菜单3</li>
				<li>菜单4</li>
				<li>菜单5</li>
				<li>菜单6</li>
			</ul>
		</div>
	</body>
</html>
